@import "../../styles/mixin.scss";
@import "../../styles/base.scss";
.page-modal {
  @include wh(100%, 100%);
  position: relative;
  .page-modal-content {
    width: 540px;
    @include center();
    background: #fff;
    border-radius: 14px;
    .page-modal-content-header {
      width: 100%;
      padding: 40px 0;
      @include sc(36px, #000);
      line-height: 36px;
      text-align: center;
    }
    .page-modal-content-body {
      width: 100%;
    }
    .page-modal-content-footer {
      @include wh(100%, 99px);
      margin-top: 32px;
      line-height: 100px;
      text-align: center;
      display: flex;
      flex-direction: row;
      button {
        flex: 1;
        font-size: 36px;
        &.cancel {
          color: $font-color-gray;
        }
        &.confirm {
          color: #108ee9;
          &::after {
            border-left: 1px solid $font-color-gray;
          }
        }
        border: none;
        outline: medium;
        border-radius: 0;
        background: transparent;
        &::after {
          border: none;
          outline: medium;
          border-radius: 0;
        }
      }
      box-shadow: 0px -1px 0px 0px rgba(221, 221, 221, 1);
      border-radius: 0px 0px 14px 14px;
      overflow: hidden;
    }
  }
}
